<!DOCTYPE HTML>
<html>
<head>
	<title>About</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
	<!-- jQuery -->
	<script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
	<!-- Add fancyBox main JS and CSS files -->
	<script src="__PUBLIC__/js/jquery.magnific-popup.js" type="text/javascript"></script>
	<link href="__PUBLIC__/css/magnific-popup.css" rel="stylesheet" type="text/css">
	<script>
		$(document).ready(function() {
			$('.popup-with-zoom-anim').magnificPopup({
				type: 'inline',
				fixedContentPos: false,
				fixedBgPos: true,
				overflowY: 'auto',
				closeBtnInside: true,
				preloader: false,
				midClick: true,
				removalDelay: 300,
				mainClass: 'my-mfp-zoom-in'
			});
		});
	</script>
</head>
<body>
	<include file="Common/header"/>
	<div class="main">
		<div class="wrap">
			<div class="single-top">
				<h4 class="m_2">关于诚度</h4>	  			
				<div class="about-desc">
					<h3><a href="#">{$datalists.title}</a></h3>
					{$datalists.content|html_entity_decode}				    
				</div>
				<h4 class="m_2">我们团队</h4>
				<div class="about-top">
<volist name="imgs" id="vo_img">
	<div class="col_1_of_4 span_1_of_4">
		<a class="popup-with-zoom-anim" href="#small-dialog3"><img src="{$vo_img.pic|get_cover_url}" title="continue" alt=""/></a>
		<h3><a href="#">Lorem Ipsum is simply dummy text</a></h3>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
	</div>
</volist>
<div class="clear"></div>
</div>
<div class="about">
	<div class="lsidebar span_1_of_about">
		<ul class="about-list">
			<h4 class="m_2">Advantages</h4>
			<li><a href="#">Always free from repetition</a><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt</p></li>
			<li><a href="#">Always free from repetition</a><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt</p></li>
			<li><a href="#">Always free from repetition</a><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt</p></li>
		</ul>
	</div>
	<div class="cont span_2_of_about">
		<h4 class="m_2">Testimonials</h4>
		<div class="lsidebar span_1_of_about">
			<a class="popup-with-zoom-anim" href="#small-dialog3"><img src="__PUBLIC__/images/a-img1.jpg" title="continue" alt=""/></a>
		</div>
		<div class="cont span_2_of_about">
			<h3><a href="#">Lorem Ipsum is simply dummy text</a></h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
		</div>
		<div class="clear"></div>	
	</div>
	<div class="clear"></div>	
</div>					
</div>
</div>
</div>
<include file="Common/footer" />
</body>
</html>